﻿@model BudgetMealsModels.Entities.FormUser

@{
    ViewBag.Title = "Create";
}
@{ Html.RenderPartial("TinyMCE", new string[] { "#Biography" }); }
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm("Create", "User", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
        <h2>Create User</h2>

        <div class="editor-label">
            First Name
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.FirstName)
            @Html.ValidationMessageFor(model => model.FirstName)
        </div>

        <div class="editor-label">
            Last Name
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LastName)
            @Html.ValidationMessageFor(model => model.LastName)
        </div>
    
        <div class="editor-label">
            E-mail
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Email)
            @Html.ValidationMessageFor(model => model.Email)
        </div>
        <div class="editor-label">
            Username
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.UserName)
            @Html.ValidationMessageFor(model => model.UserName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Password)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Password)
            @Html.ValidationMessageFor(model => model.Password)
        </div>
    
        <div class="editor-label">
            Confirm Password
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ConfirmPassword)
            @Html.ValidationMessageFor(model => model.ConfirmPassword)
        </div>
    
        <div style="position: absolute; right:65px; top:10px;">
            <div class="editor-label">
                @Html.LabelFor(model => model.Biography)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Biography)
                @Html.ValidationMessageFor(model => model.Biography)
            </div>
            <div class="editor-label">Image</div>
            <div class="example">Upload a .jpeg, .jpg, or .png</div>
            <div class="editor-field">
                
               <div>Upload profile image here:<input name="image" type="file" /></div>
            </div>

        </div>
        <p>
            <input style="margin:10px 0px 5px 5px" type="submit" value="Create" />
        </p>
}

